<template>
    <div>
        <div class="bg">
            <van-image width="63" height="63" src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p480747492.jpg" alt="" round />
            <span>立即登录</span>
        </div>
        <div>
            <van-tabs v-model="active">
                <van-tab title="电影订单">
                
                </van-tab>
                <van-tab title="商品订单"></van-tab>
            </van-tabs>
        </div>
        <div>
            <van-cell title="卖座券" icon="" />
            <van-cell title="组合红包" icon="" />
            <van-cell title="余额" value="￥0" icon="" />
            <van-cell title="设置" icon="" />
            
        </div>
        <div>
            <van-tabbar v-model="activedowm">
                <van-tabbar-item to="/films/nowPlaying" icon="">电影</van-tabbar-item>
                <van-tabbar-item icon="">影院</van-tabbar-item>
                <van-tabbar-item icon="https://mall.s.maizuo.com/mzmovie-icon-news-42x42-gray.png">资讯</van-tabbar-item>
                <van-tabbar-item to="/center" icon="">我的</van-tabbar-item>
            </van-tabbar>
        </div>
    </div>
</template>

<script>
    export default {
        data(){
            return{
                active:0
            }
        }
    }
</script>

<style scoped>
.bg{
    background: url('../../assets/bg.png');
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    color: #eee;
}
</style>